

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html lang="en">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
        <link href="<%=request.getContextPath()%>/css/bootstrap.min.css" rel="stylesheet">
        <link href="<%=request.getContextPath()%>/css/bootstrap.css" rel="stylesheet">
        <script type="text/javascript" src="<%=request.getContextPath()%>/js/bootstrap-dropdown.js"></script>
        <script type="text/javascript" src="<%=request.getContextPath()%>/js/bootstrap-dropdown.min.js"></script>
        <link href="<%=request.getContextPath()%>/css/bootstrap-responsive.min.css"  rel="stylesheet">
        <link href="<%=request.getContextPath()%>/css/bootstrap-responsive.css"  rel="stylesheet">



        <title>JSP Page</title>
    </head>
    <body style="background-image: url(images/fondo.jpg)">
        <div class="container">

            <div class="row-fluid">
                <div class="span6">

                    <div class="hero-unit">
                        <div class="row-fluid">
                            <div class="span4"><p>Marcos</p></div>
                            <div class="span8"><p>Marcos Perez Sanchez</p></div>
                        </div>
                        <div class="row-fluid">
                            <div class="span6"><p>jperez@pucp.edu.pe</p></div>
                            <div class="span6"><p>MODERADOR</p></div>
                        </div>
                        <div class="row-fluid">
                            <div class="span6"><p><h6>Configuracion de cuenta</h6></p></div>
                            <div class="span6"><p><button class="btn btn-primary" type="button">Cerrar Sesion</button></p></div>
                        </div>
                    </div>
                </div>    
            </div>                                   



            <div class="span10">
                <div class="container">
                    <div class="row-fluid">
                        <div class="span4">
                            <p>
                            <form action="archivos.jsp">
                                <button class="btn btn-large btn-block" type="submit">Archivos</button>
                            </form>
                            </p>
                            <p>
                            <form action="archivos_reportados.jsp">
                                <button class="btn btn-large btn-block" type="submit">Archivos Reportados</button>
                            </form>
                            </p>
                            <p>
                            <form action="comentarios_reportados.jsp">
                                <button class="btn btn-large btn-block" type="submit">Comentarios Reportados</button>
                            </form>
                            </p>
                            <p>
                            <form action="usuarios.jsp">
                                <button class="btn btn-large btn-block" type="submit">Usuarios</button>
                            </form>
                            </p>
                            <p>
                            <form action="archivos_subidos.jsp">
                                <button class="btn btn-large btn-block" type="submit">Archivos Subidos</button>
                            </form>
                            </p>
                            <p>
                            <form action="sube_mas.jsp">
                                <button class="btn btn-large btn-block" type="submit">Sube más ...</button>
                            </form>
                            </p>
                        </div>
                        <div class="span8" style="height:400px;border:1px solid #ccc;overflow:auto;">
                            <div class="row-fluid">
                                <div class="span5 offset2">
                                    <p>Sube un examen o una práctica...</p>
                                
                            <p>Unico formato permitido PDF</p>
                            <form class="form-search">
                                <input type="text" class="input-medium search-query" placeholder="Buscar...">
                                <button type="submit" class="btn">Explorar</button>
                            </form>
                            </div>
                            </div>
                            <div class="row-fluid">
                                <div class="span3 offset2">
                                    <p>Seleccione el ciclo:</p>
                                </div>
                                <div class="span3">
                                    <div class="btn-group">
                                        <a class="btn dropdown-toggle" data-toggle="dropdown" href="#">
                                        Ciclo
                                        <span class="caret"></span>
                                        </a>
                                        <ul class="dropdown-menu">
                                            <li><option value="0">CICLO</option></li>
                                            <li><option value="1">C132I2CLO</option></li>
                                            <li><option value="2">CICL44444O</option></li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                            <div class="row-fluid">
                                <div class="span3 offset2">
                                    <p>Seleccione el curso:</p>
                                </div>
                                <div class="span3">
                                    <div class="btn-group">
                                        <a class="btn dropdown-toggle" data-toggle="dropdown" href="#">
                                        Curso
                                        <span class="caret"></span>
                                        </a>
                                        <ul class="dropdown-menu">
                                        <li><a href="#">Proba</a></li>
                                        <li><a href="#">Campos</a></li>
                                        <li><a href="#">Satelitales</a></li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                            <div class="row-fluid">
                                <div class="span3 offset2">
                                    <p>Nota sacada:</p>
                                </div>
                                <div class="span3">
                                    <div class="btn-group">
                                        <a class="btn dropdown-toggle" data-toggle="dropdown" href="#">
                                        Nota
                                        <span class="caret"></span>
                                        </a>
                                        <ul class="dropdown-menu">
                                        <li><a href="#">20</a></li>
                                        <li><a href="#">19</a></li>
                                        <li><a href="#">18</a></li>
                                        <li><a href="#">10</a></li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                            <div class="row-fluid">
                                <div class="span6 offset2">
                                    <p>Seleccione el tipo de evaluacion</p>
                                </div> 
                            </div>
                            <div class="row-fluid">
                                <div class="span6 offset3">
                                        <div class="control-group">
                                            <div class="controls">
                                                <div class="row-fluid">
                                                    <div class="span6">
                                                        <label class="checkbox">
                                                            <input type="checkbox"> Examen
                                                        </label>
                                                    </div>
                                                    <div class="span6">
                                                        <label class="checkbox">
                                                            <input type="checkbox"> Practica
                                                        </label>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    
                                </div>
                            </div>
                            
                            <div class="row-fluid">
                                <div class="span6 offset2">
                                    <p>Numero de examen o practica</p>
                                </div> 
                            </div>
                            <div class="row-fluid">
                                <div class="span6 offset3">
                                        <div class="control-group">
                                            <div class="controls">
                                                <div class="row-fluid">
                                                    <div class="span3">
                                                        <label class="checkbox">
                                                            <input type="checkbox"> 1
                                                        </label>
                                                    </div>
                                                    <div class="span3">
                                                        <label class="checkbox">
                                                            <input type="checkbox"> 2
                                                        </label>
                                                    </div>
                                                    <div class="span3">
                                                        <label class="checkbox">
                                                            <input type="checkbox"> 3
                                                        </label>
                                                    </div>
                                                    <div class="span3">
                                                        <label class="checkbox">
                                                            <input type="checkbox"> 4
                                                        </label>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    
                                </div>
                                <div class="span4 offset4">
                                    &nbsp;&nbsp;&nbsp;<button type="submit" class="btn btn-success">Subir</button>
                                </div>
                                
                            </div>
                            
                            
                        </div>
                    </div>
                </div>

            </div>
        </div>
        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
        <script src="<%=request.getContextPath()%>/js/bootstrap.min.js"></script>
        <script src="<%=request.getContextPath()%>/js/bootstrap.js"></script>
    </body>
</html>


